﻿/*通用类*/
*{
	margin:0;
	padding:0;	
}
body{		
	min-width:1200px;
	margin:0 auto;
	font-size:14px;	
	font-family:"Microsoft Yahei";
	background:#fff;
	text-align:justify;	
	color:#333;
}
h1,h2,h3{	
	font-weight:500;	
}
img{
	border:none;	
}
a{
	cursor:pointer;
	color:#333;
	text-decoration:none;	
	outline:none;
}
a:hover{
	color:#ff3334;	
}
ul{
	list-style-type:none;	
}
em{
	font-style:normal;	
}
.lt{
	float:left;	
}
.rt{
	float:right;	
}
input.sub,label{
	border:none;	
	cursor:pointer;
}
input,textarea{
	font-family:"Microsoft Yahei";
	outline:none;	
}
table{
	border-collapse:collapse;	
}
table td,table th{
	padding:0;	
}
div.clear{
	font: 0px Arial; line-height:0;
	height:0; 
	overflow:hidden;	
	clear:both;	
}
.line5{
	font-size:1px;height:5px;width:100%;clear:both;	
}
.line10{
	font-size:1px;height:10px;width:100%;clear:both;	
}
.line20{
	font-size:1px;height:20px;width:100%;clear:both;	
}
/*wrapin 主体容器宽度*/
.wrapin{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}

/*公用CSS 开始*/

/*header 开始*/
.header{
	height:108px;
	border-bottom:6px solid #ff3334;	
}
.header .logo{
	float:left;
	display: block;
	height:108px;
}
.header .logo img{
	display: block;
	height:108px;
}
.head_tel{
	float:left;
	margin-left:30px;
	padding-left:40px;
	background:url("../images/head_tel.png") no-repeat left center;
	font-size:24px;
	color:#ff3334;
	font-family:Impact;
	height:108px;
	line-height:108px;
}
.head_lan{
	float:right;
	height:28px;
	line-height:28px;
	margin-top:40px;
}
.head_lan a{
	float:left;
	margin-left:20px;
	color:#888;
	display:inline-block;
	padding-left:34px;
	position: relative;
	height:28px;
}
.head_lan img{
	position: absolute;
	left:0;
	top:0;
}
/*header 结束*/

.nav{
	height:45px;
	background:url("../images/nav_bg.png") repeat-x left top;
	border-bottom:1px solid #202634;
}
.nav a,.nav li,.wrapin1 a,.wrapin1 li{
	float:left;
	display: block;
	width:140px;
	height:45px;
	line-height:45px;
	font-size:16px;
	text-align: center;
	color:#fff;
}
.nav a:hover,.nav li:hover,.nav a.hover,.nav li.hover{
	color:#fff;
	background:#ff3334;
	position: relative;
	z-index:10;
}
.nav em{
	height:45px;
	width:1px;
	float:left;
	margin-left:-1px;
	background:url("../images/nav_em.png") no-repeat left top;
}

.line50{
	height:50px;
	clear:both;
}
.footer{
	height:170px;
	background:#393939;
	color:#a9a9a9;
}
.ft_logo{
	float:left;
}
.ft_logo img{
	display: block;
	width:232px;
	height:170px;
}
.ft_inf{
	float:left;
	padding:38px 0 0 0;
	line-height:36px;
}
.ft_code{
	width:236px;
	height:170px;
	float:right;
	background:url("../images/ft_rt.png") no-repeat left top;
	position: relative;
}
.ft_code img{
	display: block;
	width:84px;
	height:84px;
	position: absolute;
	right:70px;
	top:35px;
}
.ft_code .tip{
	font-size:12px;
	position: absolute;
	right:62px;
	bottom:22px;
}
.footer_copy{
	height:48px;
	line-height:48px;
	background:#0e1a28;
	border-top:1px solid #3d454e;
	text-align: center;
	color:#c3c3c3;
}

/*公用CSS 结束*/

/*hm 首页*/

.hm_banner{
	width:100%;
	height:599px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.hm_banner .pics li{
	width:100%;
	height:599px;
	background-repeat:no-repeat;
	background-position:top center;
}
.hm_banner .pics a{
	display: block;
	width:100%;
	height:599px;
}
.hm_banner .btns{
	height:10px;
	width:100%;
	position: absolute;
	left:0;
	bottom:20px;
	z-index:60;
	text-align:center;
	font-size:1px;
}
.hm_banner .btns span{
	display:inline-block;
	width:10px;
	height:10px;
	margin:0 3px;
	background:#fff;
	border-radius:100%;
	font-size:1px;
}
.hm_banner .btns .hover{
	background:#ff3334;
}

.hm_tp{
	height:115px;
	background:url("../images/hm_tp.png") repeat-x left top;
	color:#fff;
}
.hm_tp .c_left{
	float:left;
	font-size:32px;
	color:#fff;
	line-height:115px;
}
.hmtp_search{
	float:right;
	width:510px;
	padding-top:36px;
}
.hmtp_search select{
	width:142px;
	height:43px;
	float:left;
	border:1px solid #dddbdc;
	color:#666;
}
.hmtp_search .text{
	width:300px;
	height:41px;
	float:right;
	padding-left:10px;
	border:1px solid #dddbdc;
	margin-left:10px;
	border-right:0;
}
.hmtp_search .sub{
	float:right;
	width:44px;
	height:43px;
	background:url("../images/hmtp_sub.png") no-repeat left top;
}

.hm_pro{
	width:1200px;
	margin:0 auto;
	padding:60px 0 70px 0;
}
.hmp_left{
	float:left;
	width:242px;
	background:#f6f6f6;
}
.hmp_left .head{
	height:77px;
	background:#eb4445;
	text-align: center;
	color:#fff;
}
.hmp_left .head dt{
	height:34px;
	line-height:34px;
	padding-top:12px;
	font-size:24px;
}
.hmp_left .head dd{
	height:26px;
	line-height:26px;
	text-transform: uppercase;
}
.hmp_left ul{
	width:184px;
	margin:0 auto;
	position: relative;
	overflow: hidden;
}
.hmp_left li{
	height:38px;
	line-height:38px;
	padding-top:10px;
	border-top:1px dotted #d8d8d8;
	margin-top:-1px;
	vertical-align:top;
}
.hmp_left li a{
	display: block;
	padding-left:38px;
	background:url("../images/hmp_li.png") no-repeat left center;
}
.hmp_left li a:hover,.hmp_left li a.hover{
	color:#ff3334;
	background-image:url("../images/hmp_lih.png");
}
.hmp_left .bt{
	margin:50px 0 0 0;
	background:#003466 url("../images/hmp_bt.png") no-repeat top center;
	padding:53px 0 20px 0;
	color:#fff;
	text-align: center;
}
.hmp_left .t1{
	height:40px;
	line-height:40px;
	font-size:16px;
}
.hmp_left .bt p{
	height:38px;
	line-height:38px;
	font-family:Impact;
	font-size:24px;
	padding-left:30px;
	text-align:left;
}

.hmp_right{
	width:951px;
	float:right;
}
.hmp_right .item{
	float:left;
	margin-left:27px;
	display:inline-block;
	text-align: center;
	height:228px;
}
.hmp_right .photo{
	display: block;
	width:158px;
	height:155px;
	border:2px solid #e5e5e5;
	position: relative;
	overflow: hidden;
}
.hmp_right .photo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.hmp_right .name{
	display:inline-block;
	max-width:95%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	height:42px;
	line-height:42px;
}

.hm_equ{
	height:465px;
	padding-top:55px;
	background:url("../images/hm_equ.jpg") no-repeat top center;
}
.hm_equ .tit{
	width:210px;
	height:38px;
	line-height:38px;
	background:#ff3334;
	text-align: center;
	color:#fff;
	margin:0 auto;
}
.hmequ_slider{
	width:1220px;
	height:290px;
	margin:0 auto;
	position: relative;
	overflow: hidden;
	margin-top:50px;
}
.hmequ_slider li{
	width:220px;
	height:290px;
	float:left;
	margin:0 12px;
	background:#fff;
}
.hmequ_slider .item{
	display: block;
	width:220px;
	height:290px;
	text-align: center;
}
.hmequ_slider .photo{
	display: block;
	width:202px;
	height:202px;
	margin:9px;
	position: relative;
	overflow: hidden;
}
.hmequ_slider .photo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.hmequ_slider .name{
	height:60px;
	line-height:60px;
	color:#999;
	display:inline-block;
	max-width:95%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.hmequ_slider .c_btn{
	display: block;
	width:27px;
	height:64px;
	position: absolute;
	top:50%;
	margin-top:-32px;
	z-index:60;
	cursor:pointer;
}
.hmequ_slider .pre{
	left:12px;
	background:url("../images/equ_pre.png") no-repeat left center
}
.hmequ_slider .next{
	right:12px;
	background:url("../images/equ_next.png") no-repeat left center
}

.hm_ys{
	width:1200px;
	margin:0 auto;
}
.hm_ys .title{
	height:60px;
	text-align: center;
	padding-top:214px;
	line-height:50px;
	background:url("../images/hmys_title.jpg") no-repeat top center;
	font-size:24px;
	color:#fff;
	margin-bottom:15px;
}
.hm_ys .inf{	
	width:480px;
	padding-left:106px;
	position: relative;	
}
.hm_ys .inf dt{
	padding-top:40px;
	height:40px;
	line-height:40px;
	font-size:28px;
}
.hm_ys .inf dd{
	height:50px;
	line-height:50px;
	font-size:36px;
	color:#eb191a;
	font-weight:bold;
}
.hm_ys .num{
	width:77px;
	height:112px;
	background:url("../images/hmys_num.png") no-repeat left top;
	text-align: center;
	color:#fff;
	font-size:34px;	
	line-height:65px;
	position: absolute;
	left:0;
	top:45px;
}
.hm_ys ul{
	padding-top:10px;
}
.hm_ys li{
	height:36px;
	line-height:36px;
	/*padding-left:15px;*/
	color:#999;
	/*background:url("../images/ys_li.png") no-repeat left center;*/
}

.hm_xm{
	width:1200px;
	margin:0 auto;
	position: relative;
	overflow: hidden;
	text-align: center;
}
.hm_head{
	text-align: center;
	padding:80px 0 35px 0;
}
.hm_head dt{
	height:48px;
	line-height:48px;
	font-size:30px;
}
.hm_head dd{
	height:26px;
	line-height:26px;
}
.hm_xm .items{
	width:1220px;
}
.hm_xm .items a{
	display: block;
	width:285px;
	height:55px;
	line-height:55px;
	background:#0059b3;
	color:#fff;
	text-align: center;
	float:left;
	margin:0 20px 20px 0;
	font-size:16px;
}

.hm_xm .big{
	position: relative;
	margin:50px 0 100px 0;
}
.hm_xm .big img{
	display: block;
	width:100%;
	height:auto;
}
.hm_xm .tit{
	width:140px;
	height:140px;
	background:#ec302e;
	text-align: center;
	color:#fff;
	position: absolute;
	left:50%;
	bottom:-80px;
	margin-left:-70px;
}
.hm_xm .tit dt{
	padding-top:30px;
	height:36px;
	line-height:36px;
	font-size:18px;
	font-weight:bold;
}
.hm_xm .tit dd{
	height:40px;
	line-height:40px;
}
.hm_xm .tip{
	text-align: center;
	line-height: 1.8;
	margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.hm_xm .more{
	font-weight:bold;
}

.hm_news{
	width:1200px;
	margin:0 auto;
}
.hm_news .c_left{
	width:428px;
	border-top:1px solid #999;
	float:left;
}
.hm_news .item{
	padding:14px 0;
	border-bottom:1px solid #999;
	height:70px;
	display: block;
}
.hm_news .item:hover{
	padding:14px 0 11px 0;
	background:#003466;
	border-bottom:4px solid #ff3334;
}
.hm_news .num{
	float:left;
	width:80px;
	height:70px;
	border-right:1px solid #999;
	border-right:1px solid #999;
	text-align: center;
	line-height:70px;
	font-size:35px;
	font-family:Impact;
	color:#999;
}
.hm_news .item:hover .num{
	color:#fff;
}
.hm_news .item dl{
	width:305px;
	float:right;
	padding-right:20px;
}
.hm_news .item dt{
	height:30px;
	line-height:30px;
	font-size:14px;
}
.hm_news .item:hover dt{
	color:#fff;
}
.hm_news .item .name{
	display:inline-block;
	max-width:95%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.hm_news .item dd{
	color:#999;
	font-size:13px;
	height:40px;
	line-height:20px;
	overflow: hidden;
}
.hm_news .item:hover dd{
	color:#fff;
}
.hmn_slider{
	width:750px;
	height:400px;
	float:right;
	position: relative;
	overflow: hidden;
}
.hmn_slider li{
	float:left;
	width:750px;
	height:400px;
	position: relative;
}
.hmn_slider img{
	display: block;
	width:750px;
	height:400px;
}
.hmn_slider .inf{
	width:750px;
	height:100px;
	position: absolute;
	left:0;
	bottom:0;
	background:url("../images/rbg50.png");
	color:#fff;
}
.hmn_slider dl{
	padding:17px 0 0 26px;
	width:520px;
}
.hmn_slider dt{
	height:32px;
	line-height:32px;
	font-size:18px;
}
.hmn_slider dd{
	line-height:16px;
	font-size:12px;
	max-height:32px;
	overflow: hidden;
}
.hmn_slider .c_btn{
	width:40px;
	height:40px;
	position: absolute;
	right:30px;
	bottom:30px;
	z-index:20;
	cursor: pointer;
}
.hmn_slider .pre{
	right:80px;
	background:url("../images/hmn_pre.png") no-repeat center center;
}
.hmn_slider .next{
	right:30px;
	background:url("../images/hmn_next.png") no-repeat center center;
}

/*hm 首页*/

/*about 关于*/

.ab_bg{
	background:url("../images/ab_bg.jpg") repeat-y top center;
}
.ab_banner{
	height:302px;
	/*background:url("../images/ab_banner.jpg") no-repeat top center;*/
}
.ab_main{
	background:url("../images/ab_bg2.png") no-repeat center 70px;
}
.ab_aside{
	width:267px;
	float:left;	
	padding:20px 0 0 66px;
}
.ab_pos{
	height:50px;
	line-height:50px;
	padding-left:60px;
}
.ab_title{
	height:82px;
	padding-left:60px;
}
.ab_title dt{
	padding:12px 0 0 0;
	height:26px;
	line-height:26px;
	font-size:18px;
	color:#e14a51;
}
.ab_title dd{
	height:22px;
	line-height:22px;
	color:#888;
}
.ab_nav a{
	margin-bottom:18px;
	height:47px;
	line-height:47px;
	display: block;
	padding-left:60px;
}
.ab_nav a:hover,.ab_nav a.hover{
	color:#333;
	background:#f5f5f5 url("../images/abas_hover.png") no-repeat 222px center;
}

.ab_section{
	width:735px;
	float:right;
	padding-right:72px;
}

.ab_title2{
	height:36px;
	line-height:36px;
	padding:0 10px;
	margin-top:17px;
	background:#003466;
	color:#fff;
	font-size:16px;
}
.ab_t1{
	text-align: center;
	height:70px;
	line-height:70px;
	padding-top:28px;
	font-size:30px;
	overflow:hidden;
}
.ab_cnt{
	color:#999;
	/*text-align: center;*/
	text-align: left;
	line-height: 25px;
}
.ab_cnt img{
	display: inline-block;
	max-width:100%;
	/*margin:5px 0;*/
	margin: 0 auto;
}

/*about 关于*/

/*mes 留言*/

.mes_banner{
	height:463px;
	/*background:url("../images/mes_banner.jpg") no-repeat top center;*/
}
.mes_main{
	margin:110px 0 30px 0;
	height:616px;
	width:100%;
	background:url("../images/mes_bg.jpg") no-repeat top center;
}

.mes_inf{
	width:662px;
	float:right;
}
.mes_inf .tp{
	border:1px solid #e4e4e4;
	background:#f0f0f0;
	border-radius:4px;
	height:140px;
	margin-bottom:50px;
}
.mes_inf .t1{
	padding:13px 0 0 26px;
	height:48px;
	line-height:48px;
	font-size:18px;
}
.mes_inf .tip{
	margin-left:28px;
	padding-left:52px;
	padding-right:52px;
	line-height:24px;
	background:url("../images/mes_tip.png") no-repeat 3px 5px;
}
.mes_inf .in{
	min-height:26px;
	margin-bottom:30px;
	clear:both;
}
.mes_inf .tit{
	float:left;
	width:85px;
	padding-right:20px;
	height:26px;
	line-height:26px;
	text-align:right;
}
.mes_inf .text{
	float:left;
	height:26px;
	line-height:26px;
	padding-left:10px;
	border:0;
	width:320px;
	background:#f0f0f0;
}
.mes_inf textarea{
	float:left;
	height:156;
	line-height:26px;
	padding:10px;
	border:0;
	width:520px;
	background:#f0f0f0;
	resize:none;
}
.mes_inf .sub{
	width:105px;
	height:40px;
	background:#003466;
	color:#fff;
	margin-left:105px;
}

/*mes 留言*/

/*news 新闻*/

.news_banner{
	height:464px;
	/*background:url("../images/news_banner.jpg") no-repeat top center;*/
}

.news_handle{
	padding:55px 0;
	height:48px;
	line-height:48px;
	text-align: center;
}
.news_handle a{
	display:inline-block;
	width:184px;
	margin:0 10px;
	font-size:18px;
	border-radius:24px;
}
.news_handle .hover{
	color:#fff;
	background:#ff3334;
}

.news_item{
	display: block;
	width:1200px;
	margin:0 auto 30px auto;
}
.news_item .photo{
	float:left;
	width:610px;
	height:365px;
	display: block;
	position: relative;
	overflow: hidden;
}
.news_item .photo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.news_item .c_right{
	width:505px;
	float:right;
	padding:62px 45px 0 0;
}
.news_item dt{
	height:30px;
	line-height:30px;
	font-size:18px;
}
.news_item dd{
	height:30px;
	line-height:30px;
	color:#888;	
}
.news_item dl{
	padding-bottom:10px;
	background:url("../images/news_dd.png") no-repeat left bottom;
	margin-bottom:32px;
}
.news_item .inf{
	line-height:24px;
	height:48px;
	position: relative;
	overflow: hidden;
	color:#888;
	margin-bottom:32px;
}
.news_item .more{
	color:#666;
}
.news_item .more:hover{
	color:#ff3334;
}

/*news 新闻*/
